﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="robots" content="noindex,nofollow,noarchive" />
    <!-- Import css -->
    <link href="css/login.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
        function submitLoginForm() {
            $("#frmLogin").submit();
        }

        function clearLoginForm() {
            $("userId").val("");
            $("password").val("");
        }

        $(document).ready(function () {
            $("a#login").click(function () {
                submitLoginForm();
            });

            $("a#clear").click(function () {
                clearLoginForm();
            });
        });
    </script>
<title>Login</title>
</head>
<body>
    <div id="container">
        <!-- ヘッダ  -->
        <div id="menu-bar"></div>

        <!-- コンテンツ  -->
        <div id="contents">
            <!-- メイン表示エリア  -->
            <div id="main">
                <div id="screen">
                    <div id="top-message">
                        <p>
                            電子国土地図更新完了しました<br />
                            電子国土更新に伴い、InternetExplorer7では正常に表示しない可能性があります。<br />
                            ブラウザーのバージョンアップをお願いいたします。
                        </p>
                    </div>

                    <div id="input">
                        <form name="frmLogin" id="frmLogin">
                            <table>
                                <tr><th>ユーザID</th><td><input type="text" id="userId" autocomplete="off" value="dung-vt"/></td></tr>
                                <tr><th>パスワード</th><td><input type="password" id="password" autocomplete="off" value="123456"/></td></tr>
                            </table>
                            <a id ="login" href="#"></a><a id="clear" href="#"></a>

                            <div id="info-message">
                                <table><tr><td><img src="images/listmark1.gif" alt="info-image" /></td><td><span class="red-text">*エラー</span></td></tr></table>
                            </div>
                            <p class="info-message-content"><span class="red-text">IDまたはPASSWORDが間違っている可能性があります。</span></p>
                            <p class="info-message-content"><span class="red-text">入力内容を確認してください。</span></p>
                        </form>
                    </div>
                    
                    <div id="bottom-message">
                        <p>当システムは下記のブラウザで動作確認を行っております。</p>
                        <br/>
                        <p>Microsoft Internet Explorer 9</p>
                        <p>Microsoft Internet Explorer 8</p>
                        <p>Microsoft Internet Explorer 7</p>
                        <p>Mozilla Firefox 7</p>
                        <p>Google Chrome 11</p>
                        <p>Apple Safari 5</p>
                    </div>

                </div> <!--end div#screen-->
            </div>
        </div>

        <div id="submitResult">
            <!-- ログイン失敗時はダイアログを表示 -->
            <!--
            <s:if test="hasFieldErrors() || hasActionErrors()">
                <sj:dialog id="errorDialog" title="エラー" modal="true" buttons="{'OK': function(){ $(this).dialog('close'); } }"><s:text name="msg.error_02" /></sj:dialog>
            </s:if>
            -->
        </div>
    </div>
</body>
</html>
